<!-- START row-->
<div class="col-lg-12">
  <!-- START panel-->
  <div class="">
	 <div class="">
		<!-- Nav tabs -->
		<ul class="nav nav-tabs">
		   <li class="active"><a href="#home" data-toggle="tab">Tham số</a>
		   </li>
		   <li><a href="#profile" data-toggle="tab">Tiêu chí</a>
		   </li>
		   <li><a href="#messages" data-toggle="tab">Giao diện</a>
		   </li>
		</ul>
		<!-- Tab panes -->
		<div class="tab-content">
		   <div id="home" class="tab-pane fade in active">
			<?php  echo $this->atheme->input('Title URL', 'title_link', set_value('title_link', @$title_link), array('help'=>'')); ?>
			<?php  echo $this->atheme->input('Limit', 'limit', set_value('limit', @$limit), array('help'=>'Số lượng bài viết hiển thị')); ?>
			<?php  echo $this->atheme->input('Mã ID bài viết', 'post_id', set_value('post_id', @$post_id), array('help'=>'Bài viết ưu tiên hiển thị')); ?>
			<?php  echo $this->atheme->input('Chặn mã ID bài viết', 'ignore_post_id', set_value('ignore_post_id', @$ignore_post_id), array('help'=>'Bỏ qua bài viết được nhập')); ?>
		   </div>
		   <div id="profile" class="tab-pane fade">
			<?php  echo $this->atheme->select('Sắp xếp theo', 'order_by', set_value('order_by', @$order_by), array('options' => array('post_time_start' =>'Ngày xuất bản','view' =>'Lượt xem','random'=>'Ngẫu nhiên'),'help'=>'')); ?>
			<?php  echo $this->atheme->select('Sắp xếp thứ tự', 'order', set_value('order', @$order), array('options' => array('DESC' =>'Giảm dần','ASC'=>'Tăng dần'),'help'=>'')); ?>
		   </div>
		   <div id="messages" class="tab-pane fade">
			 <?php  
			$views = array();
			$views['view_1'] = 'Giao diện 1';
			
			 echo $this->atheme->select('Giao diện', 'view',  @$view, array('options' => $views,'help'=>'Chọn giao diện của widget này.')); ?>

 <img src="<?php echo theme_url();?>module/category_module/<?php echo (isset($view)?$view:'view_1');?>.png" class="module-image-thumb">
		   </div>
		</div>
	 </div>
  </div>
  <!-- END panel-->
  </div>




<style>
img.module-image-thumb {
	max-height: 180px;
	max-width: 100%;
}
</style>
<script>
$( "select[name='type']" ).change(function() {
	if($(this).val() == 'choose')
	{
		$("label[for='sup_limit']").text('ID sản phẩm (cách nhau bởi dấu ,)');
	}
	else
	{
		$("label[for='sup_limit']").text('Số lượng sản phẩm');
	}
});
$( "select[name='view']" ).change(function() {
	 $(".module-image-thumb").attr('src','<?php echo theme_url();?>module/category_module/'+$(this).val()+'.png');
});

</script>
